Skip to main content

Coding 1: Project Setup using Vite + TypeScript

🎯 Objective:​

Initialize a fast React + TypeScript project using Vite.

📦 Technologies:​

🛠️ Commands & Setup​

  1. Create a new Vite project with React + TypeScript:
npm create vite@latest react-crud-app --template react-ts
  1. Navigate into the project directory:
cd react-crud-app
  1. Install dependencies:
npm install
  1. Run the dev server:
npm run dev

You should see Vite's default React page at http://localhost:5173

📁 Folder Overview After Setup:​

react-crud-app/
├── public/
├── src/
│   ├── assets/
│   ├── App.tsx
│   ├── main.tsx
│   ├── vite-env.d.ts
├── index.html
├── tsconfig.json
├── package.json
└── vite.config.ts